@charset "utf-8";
/*头部*/
.shop-goods-top{ position:fixed; top:0px; left:0; right:0; z-index:115;}
.header { position:relative;width: 100%; height:50px;background: #fff; zoom: 1; z-index:111;box-sizing: border-box;border-bottom: 1px solid #eee;}
.category-left{width:13%; height:50px; float:left;}
.category-left a{ display:block; width:30px; height:50px;background:url(../images/top.png) no-repeat;background-size: auto 230px; background-position:5px 14px; }
.category-right{width:17%;height:50px; float:left;text-align:center;}
.category-right a{ font-size:14px; line-height:50px; color:#666}
.header-middle { width:70%; padding-top:8px; float:left; height:42px;}
.search-box{ width:100%; margin:auto; height:35px; background:#f6f6f6;border-radius:3px; position:relative}
.header-middle .text-box {background: #f6f6f6;}
.header-middle .text-box .text{ display:block; width:100%;-webkit-appearance: none; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; border-radius: 0; -webkit-rtl-ordering: logical; -webkit-user-select: text; height:35px; background:none; border:0; font-size:14px; line-height:35px; color:#666; text-indent:10px;}
.header-middle .text-box .submit{ display:block; width:35px; height:35px; position:absolute; right:0px; top:0; background:url(../images/search.png) no-repeat center center;background-size: auto 25px; border:0}
.header-right { float: right; width:15%;height:50px; line-height:50px; }
.header-right a.text {display: inline-block; float:right;white-space: nowrap;line-height: 50px;font-size: 0.65rem;color: #fff;padding-right: 13px;}
.show-menu-btn { float: right; display: block; width:40px; height:50px; }
#show_more { width: 30px; height:50px;background: url(../images/top.png) no-repeat;background-size: auto 230px;background-position:0px -25px; }
.show-menu{ cursor:pointer;}


/*店铺菜单*/
.shop-nav{ height:39px; border-bottom:1px solid #eee; position:relative; overflow:hidden; background:#fff;z-index:111; padding:0;}
.shop-nav a{position: relative;display: block;box-sizing: border-box;height: 17px;line-height: 17px;margin-top: 11px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 14px;color: #222; border-right:1px solid transparent; box-sizing:border-box;  width:0; text-align:center; cursor: pointer;}
/*.shop-nav a:nth-child(4){ border-right:1px solid #ddd;}*/
.shop-nav a:first-child:after{ content:none;}
.shop-nav .a:last-child{ border-right:none;}
.shop-nav .nav-item:after{ content: '';position: absolute;right: 10px;top: 5px;width: 5px;height: 5px;border: 1px solid #9b9b9b;border-width: 0 1px 1px 0;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transition: .3s;}
.shop-nav .nav-item.current:after {top: 8px;transform: rotate(225deg);-webkit-transform: rotate(225deg);-moz-transform: rotate(225deg);-webkit-transition: .3s;}

.shop-nav.fixed{ position:fixed; top:0;  width:100%;}
.shop-submenu.fixed{ top:40px !important;}
.icon-sort-price i{ display: inline-block; position: relative; width: 8px; height:17px; vertical-align: middle; margin-left: 4px; }
.icon-sort-price i:before{ content: ""; position:absolute; left:0;top:-1px;width: 0;height: 0;border-color: transparent;border-width:4px;border-style: solid;border-bottom-color: #ccc;}
.icon-sort-price i:after{ content: ""; position:absolute; left:0;bottom:-1px;width: 0;height: 0;border-color: transparent;border-width:4px;border-style: solid;border-top-color: #ccc;}


/*排序*/
.sort-box{ width:100%;background: rgba(0,0,0,0.1); position:fixed; top:90px; left:0; right:0;z-index:999;}
.sort-box span {background-color: #FFF;display: block;padding-left: 0.38rem;}
.sort-box span a {font-size: 0.6rem;line-height:20px;color: #666;display: block;height:20px;padding: 0.5rem 0.75rem 0.5rem 0.38rem;border-top: solid 0.05rem #EEE; position:relative;}
.sort-box span:first-child a{ border-top:0;}
.sort-box span a b{position: absolute;right: 1rem;top:0.5rem; width:1rem; height:1rem; background:url(../images/ascending_descending_icon.png) no-repeat; background-size:40px; display:none;}
.sort-box span a.current b{ display:block;}
.sort-box span a b.icon-ascending{ background-position:11px 3px;}
.sort-box span a b.icon-descending{ background-position:-17px 3px;}

/*筛选*/
.filter-tag-box{ width:100%;background: rgba(0,0,0,0.1); position:fixed; top:90px; left:0; right:0; z-index:999;}
.filter-tag-box .filter-tag-list{ background:#fff; padding:10px 5%;}
.filter-tag-box .filter-tag-list a{float: left;margin-right: 4%;padding: 0 10px;font-size: 0.6rem;color: #222;border: 1px solid #eee;border-radius: 0.15rem;height:30px;line-height:30px;position: relative;}
.filter-tag-box .filter-tag-list a.current{border: 1px solid;padding: 0 10px 0 27px;}
.filter-tag-box .filter-tag-list a.current:after{content: '';position: absolute;left:10px;top:10px;width:10px;height:5px;border-left:1px solid #f23030;border-bottom:1px solid #fa4862;-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
.filter-tag-box .filter-tag-footer{padding:10px; background:#f3f5f7;}
.filter-tag-box .filter-tag-footer .btn{display: inline-block;width:44%;height: 1.8rem;padding: 0;margin: 0 auto;font-size: 0.8rem;line-height: 1.8rem;text-align: center;color: #222;background: #fff;border: none;border-radius: 0.2rem; border:1px solid #eee;}
.filter-tag-box .filter-tag-footer .confirm-btn{ margin-left:4%; color:#fff; border:1px solid;}